<template>
  <div class="storyplus">
    <van-nav-bar title="泊寓+" left-arrow @click-left="onClickLeft" />
    <div class="bgimg" :style="{backgroundImage:'url('+item.boyu_simg+')',backgroundSize:'100% 100%'}">
      <p v-html="item.boyu_stitle" class="stitle"></p>
    </div>
    <div v-html="item.boyu_article" class="article"></div>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        item: {},
        sid: this.$route.query.sid,
      };
    },
    created() {
      this.axios.get("/storypro", {
        params: {
          sid: this.$route.query.sid
        }
      }).then((res) => {
        this.item = res.data.results;
        console.log(res.data.results)
      });
    },
    methods: {
      onClickLeft() {
        this.$router.push('/faxian');
      }
    },
  };
</script>
<style>
  img {
    max-width: 100%;
  }

  .article {
    text-align: center;
  }

  .article p {
    line-height: 60px;
    margin: 0;
  }

  .bgimg {
    height: 412px;
    position: relative;
  }

  .stitle {
    margin-left: 10px;
    position: absolute;
    bottom: 10px;
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    text-shadow: 1px 1px 1px #666;
  }
</style>